<template>
  <div class="page_padding">
    <MyNavBar :gobackShow="false" :title="title" @goback="goback" />
    <!-- 测评签到码 -->
    <!-- <sign-code></sign-code> -->
    <!-- 测评签到 -->
    <evaluation-sign></evaluation-sign>
    <!-- 测评投票 -->
    <!-- <evaluation-vote></evaluation-vote> -->
  </div>
</template>

<script>
import MyNavBar from '@com/MyNavBar'
import evaluationSign from './components/sign.vue'
import evaluationVote from './components/vote.vue'
export default {
  name: 'signScene',
  components: { MyNavBar, evaluationSign, evaluationVote },
  props: {},
  data() {
    return {
      title: '签到',
    }
  },
  computed: {},
  watch: {},
  created() {},
  mounted() {},
  methods: {
    goback() {
      this.$router.go(-1)
    },
  },
}
</script>

<style lang="scss" scoped>
.signScene {
  text-align: center;
  padding: 0 16px;
  font-size: 12px;
  .title {
    font-size: 16px;
    color: #333333;
    margin-top: 75px;
  }
  .desc {
    font-size: 14px;
    margin-top: 25px;
    font-weight: bold;
  }
  .form {
    margin: 100px auto;
    padding: 0 32px;
    display: flex;
    justify-content: center;
    align-items: center;
    /deep/ .van-form {
      width: 100%;
      .form_list {
        line-height: 20px;
        width: 100%;
        border-bottom: 1px solid #dddddd;
        margin-bottom: 12px;
        padding: 0 10px 12px;
        .van-cell {
          height: 100%;
          font-size: 16px;
          background-color: transparent;
          display: flex;
          align-items: center;
          .van-field__control {
            padding-left: 10px;
            background-color: transparent !important;
          }
          .van-field__label {
            width: 50px;
            margin-right: 0;
          }
        }
        .button {
          font-size: 12px;
          background-color: #1989fa;
          color: #fff;
          border-radius: 2px;
          width: 80px;
          text-align: center;
        }
        .iconfont {
          font-size: 16px;
        }
      }
    }
    .commit {
      margin-top: 100px;
      .button {
        background-color: #1989fa;
        color: #fff;
        font-size: 16px;
        height: 40px;
        border-radius: 20px;
        text-align: center;
        line-height: 40px;
        font-weight: 700;
        width: 50%;
        margin: auto;
      }
    }
  }
}
</style>
